<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./assets/css/reset.css">

    <!-- 引入公共部分 -->
    <link rel="stylesheet" href="./assets/css/common.css">
    <link rel="stylesheet" href="./assets/css/my.css">
    <link rel="stylesheet" href="./assets/css/lend.css">
    <link rel="stylesheet/less" href="./assets/css/lend.less">


</head>

<body>
    <!-- 头部 -->
    <header>
        <div class="set iconfont">
            <div>国内租车</div>
            <div>分时租</div>
            <div>长租</div>
            <div>国际租车</div>
        </div>


        <div class="submit">
            <!-- 第一个 -->
            <div class="longer">
                <div class="Shenzhen">
                    深圳
                    <span><img src="./assets/images/jt3.png" alt=""></span>
                </div>

                <div class="qk">
                    <div class="top">
                        千库打厦自助点
                    </div>
                    <div class="door">
                        <span> 该门店仅支持自助取车</span>
                    </div>
                </div>
            </div>
            <!-- 第二个 -->
            <div class="way">
                <div class="Shenzhen">
                    深圳
                    <span><img src="./assets/images/jt3.png" alt=""></span>
                </div>
                <!-- 右边 -->
                <div class="right2">
                    <div class="word">千库金融大厦网点</div>
                    <div class="shop">
                        <!-- 上门 -->
                        <input type="radio" id="door" name='names' hidden>
                        <label for="door">
                            <span>上门</span>
                        </label>

                        <!-- 到店 -->
                        <input type="radio" id="shop" name="names" hidden checked>
                        <label for="shop">
                            <span>到店</span>
                        </label>

                    </div>
                </div>
            </div>

            <!-- 第三个 -->
            <div class="times">
                <div class="time">
                    <div class="time1">
                        <p class="p1">2019-08-10</p>
                        <p class="p2">08：00</p>
                    </div>
                    <div class="day">
                        1天
                        <!-- <div>1天</div> -->
                    </div>
                    <div class="time1">
                        <p class="p1">2019-08-11</p>
                        <p class="p2">08：00</p>
                    </div>
                </div>
                <!-- 按钮 -->
                <div id="btn">
                    <button type="submit" class="button2">立即选车</button>
                </div>
            </div>

        </div>
    </header>

    <div class="content">
        <!-- 查看更多 -->
        <div class="ride">
            <div class="left">顺风车推荐</div>
            <div class="right">查看全部</div>
        </div>
        <!-- 内容部分 -->

        <div class="atem">
            <!-- 图片 -->
            <div class="pic">
                <img src="./assets/images/sh.png" alt="">
            </div>
            <!-- 不内容 -->
            <div class="minute">
                <!-- 上面 -->
                <div class="minT">
                    <div class="location">
                        <p class="p3">深圳</p>
                        <p class="p4">2019-08-10</p>
                    </div>

                    <div class="location2"></div>


                    <div class="location3">
                        <p class="p3">茂名</p>
                        <p class="p4">2019-08-10</p>
                    </div>
                </div>
                <!-- 下面 -->
                <div class="minb">
                    <div class="minLeft">千库A车/5座/2.0T</div>
                    <div class="money"><span>&yen;</span>100</div>
                </div>
            </div>

        </div>

        <div class="atem">
            <!-- 图片 -->
            <div class="pic">
                <img src="./assets/images/sh.png" alt="">
            </div>
            <!-- 不内容 -->
            <div class="minute">
                <!-- 上面 -->
                <div class="minT">
                    <div class="location">
                        <p class="p3">广州</p>
                        <p class="p4">2019-08-10</p>
                    </div>

                    <div class="location2"></div>


                    <div class="location3">
                        <p class="p3">深圳</p>
                        <p class="p4">2019-08-10</p>
                    </div>
                </div>
                <!-- 下面 -->
                <div class="minb">
                    <div class="minLeft">千库A车/5座/2.0T</div>
                    <div class="money"><span>&yen;</span>100</div>
                </div>
            </div>

        </div>

        <div class="atem" id="end">
            <!-- 图片 -->
            <div class="pic">
                <img src="./assets/images/sh.png" alt="">
            </div>
            <!-- 不内容 -->
            <div class="minute">
                <!-- 上面 -->
                <div class="minT">
                    <div class="location">
                        <p class="p3">茂名</p>
                        <p class="p4">2019-08-10</p>
                    </div>

                    <div class="location2"></div>


                    <div class="location3">
                        <p class="p3">广州</p>
                        <p class="p4">2019-08-10</p>
                    </div>
                </div>
                <!-- 下面 -->
                <div class="minb">
                    <div class="minLeft">千库A车/5座/2.0T</div>
                    <div class="money"><span>&yen;</span>100</div>
                </div>
            </div>
        </div>

<pre>


</pre>

    </div>
   <!-- footer底部 -->
   <footer class="footer">
       <a href="./index.html">
           <span class="iconfont">&#xe639;</span>
           <span class="text">首页</span>
       </a>
       <a href="./bus.html">
           <span class="iconfont">&#xe65d;</span>
           <span class="text">买车</span>
       </a>
       <a href="./lend.html">
           <span class="iconfont">&#xe621;</span>
           <span class="text">租车</span>
       </a>
       <a href="./sell.html">
           <span class="iconfont">&#xe634;</span>
           <span class="text">卖车</span>
       </a>
       <a href="./my.html">
           <span class="iconfont">&#xe600;</span>
           <span class="text">我的</span>
       </a>
   </footer>
</body>

</html>
<script src="./assets/js/reset.js"></script>